*  {   margin:0;    padding:0;} 
html, body {height:100%;}
body { background: url(../images/bg_color2.jpg) repeat-x; }
a, a:active { color: #000; }

#geral {margin:0 auto; width:940px; display:table; padding:3px 30px 30px 20px; position:relative;}
#menu{padding:60px 0px 0px 10px; color:#333; font-size:16px; font-family: Verdana; font-weight: bold;}
.text-title{padding-bottom:0px; width: 700px;}
.menu-content{padding:17px 0px 0px 20px; font-size:12px; font-family: Verdana; font-weight: none;}
.menu-content ul{ list-style-type: none; width: auto; }
.menu-content ul li{ list-style-type: none; height:20px; float:left; width: auto;  white-space: nowrap;}
.menu-content ul li a{ text-decoration: none; float:left; padding:10px 10px 10px 10px; color:#333;  white-space: nowrap;  }
.menu-content ul li a:hover{ background:#333; color:#fff; }
.menu-content ul li a.menu_active{ color: #FFF; background: #333; }


input{padding:5px; border:1px solid #eaeaea;}
textarea{padding:5px; border:1px solid #eaeaea;}
.buscarbotao{ background:#009999; color:#fff; border:none;}

/*---------------- NA REDE -------------------*/
ul.narede, ul.narede a, ul.narede a:hover {margin:0; padding:0; _width:250px; list-style:none;}
ul li.naredeOrkut, ul li.naredeOrkut a{float:left; width:50px; height:25px; padding:0; margin:0; background:url(../images/web-icones.png) 0px 0px no-repeat;}
ul li.naredeOrkut a:hover{background:url(../images/web-icones.png) 0px -25px no-repeat;}
ul li.naredeFacebook, ul li.naredeFacebook a{float:left; width:61px; height:25px; padding:0; margin:0; background:url(../images/web-icones.png) -110px 1px no-repeat;}
ul li.naredeFacebook a:hover{background:url(../images/web-icones.png)-110px -23px no-repeat;}
ul li.naredeTwitter, ul li.naredeTwitter a{float:left; width:62px; height:25px; padding:0; margin:0;  background:url(../images/web-icones.png)-172px 0px no-repeat; _width:83px;}
ul li.naredeTwitter a:hover{background:url(../images/web-icones.png)-172px -25px no-repeat; _width:83px;}
ul li.naredeFlickr, ul li.naredeFlickr a{float:left; width:60px; height:25px; padding:0; margin:0; background:url(../../img/portal/page/naredeFlickr-off.jpg) center center no-repeat; _width:80px;}
ul li.naredeFlickr a:hover{background:url(../../img/portal/page/naredeFlickr-on.jpg) center center no-repeat; _width:80px;}
ul li.naredeYoutube, ul li.naredeYoutube a{float:left; width:60px; height:25px; padding:0; margin:0; background:url(../images/web-icones.png)-234px 0px no-repeat; _width:68px;}
ul li.naredeYoutube a:hover{background:url(../images/web-icones.png)-234px -24px no-repeat; _width:68px;}

/*--------------RODAPE-------------*/
#rodape{   position:relative;    bottom:0;    width:100%; background:#009999; padding:20px 0px 20px 0px	; }
#rodape .web-icones{float:left; width:300px; color:#666; }
#rodape .rodape-content{width:940px; margin:auto;}
#rodape .rodape-content .pagamentos{color:#333;  }
#rodape .copyrights, #rodape .copyrights a{color:#fff; font-size:11px; clear:both; padding:20px; text-align:right; text-decoration:none;}
#rodape .copyrights a {padding:0; font-weight: bold;}
#rodape .copyrights a:hover {text-decoration:underline}

.area{ padding:0px 30px 0px 30px; float:left; border-right: 1px solid #eaeaea; min-height: 25px; line-height: 25px; }
.area:last-child{border:none;}
.area-title{font-size:11px; font-weight:bold; color:#333; padding-bottom:10px;}
.area ul{ list-style-type: none; font-size:11px; }
.area ul li{ list-style-type: none; }
.area ul li a{ text-decoration: none; color:#fff;  }
.area ul li a:hover{ text-decoration: underline; }

/*---------------CONTEUDO-----------------*/
#conteudo{padding:5px; font-size:12px; background-color: #fff; border: solid 1px #ccc; margin-top: 10px; border-radius: 4px 4px 4px 4px;}
.banner{ width:100%; height:235px; max-height: 235px; overflow: auto; }
.topic, .topic-down{font-size:20px; color:#333; border-bottom:5px solid #333; min-width: 250px; padding-bottom:5px;}
.topic-down{border-top:5px solid #333; border-bottom:none; padding-top:5px;}
.grid{width:300px;}
.grid_b{width:600px;}
a.btn_mais{color:#333; font-size:11px; bottom:0; position:relative; padding:5px 25px 5px 5px; background:url(../images/btn_mais.jpg) no-repeat right;}
.aproveite{background:#333; text-align: right; padding:10px 10px 0px 0px; width:355px;}
#social{background:#eaeaea; padding:20px;}
.sub-social{padding:10px; float:left; }
.social-content{background:#fff; width:260px; height:350px; padding:20px;}
.blue_light, .blue, .red{font-size:20px; border-left:10px solid; padding-left:10px;}
.blue_light{color:#006666;}
.blue{color:#000099; border-left:10px solid #000099;}
.red{color:#990000; border-left:10px solid #990000;}
.grid_eventos{width: 250px; height: 200px; background:#ccc;}

#grid_tv{padding:20px 0px 0px 0px;}
#grid_tv h3 {color:#990000; font-size:16px; padding-bottom:20px; text-align: right; padding-right:5px;}
#grid_tv ul{ list-style-type: none; }
#grid_tv ul li{ list-style-type: none; }
#grid_tv ul li a{ text-decoration: none; float:left; padding:10px 10px 10px 10px; color:#333;  }
#grid_tv ul li a:hover{ background:#eaeaea; float:left; color:#333; }

#grid_artigo{padding:20px 10px 0px 0px;}
#grid_artigo ul{ list-style-type: none;}
#grid_artigo ul li{ list-style-type: none; }
#grid_artigo ul li a{border-left:8px solid #333; text-decoration: none; float:left; padding:10px 10px 10px 10px; color:#333; width: 270px; }
#grid_artigo ul li a:hover{ background:#eaeaea; float:left; color:#333; }

.tw{font-size:12px; padding-top:10px; max-height: 220px;height: 220px}
.tw ul li{ display:inherit; padding-bottom:10px;}

.tags{padding-top:10px; max-height: 220px;height: 220px}

.chamativo {
	color: #98CB00;
	background: #333333;
	width: 350px;
	height: 80px;
	text-align:right;
	font-size: 150%;
	font-family: Arial;
	padding: 0px 0px 0px 0px;
}
.chamativo:first-letter {
	margin: 0px;
	padding: 0px 0px 0px 80px;
	color: #333;
	background: #98CB00;
	font-size: 150%;
}
.chamativo p {font-style: Verdana; color: #fff; font-size: 12px; margin-top: 10px;}

.comments {margin: 20px; overflow: hidden;}

.thumbs {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    padding: 4px !important;
    margin: 5px;
}
.thumbs .title { text-align: center; font-weight: bolder; }

.boxmidia {
	text-align: center;
	border: 4px solid #E3E3E3;
	width: 180px;
}
.boxmidia:hover{
	border: 4px solid #009999;	
}

table.produtos tr { border-bottom: 1px dashed #009999; }

.thumbs.g:hover {
	background-color: #ededed;
	cursor: pointer;
}

.progress {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    width: 250px;
}

.progress .bar {
    -moz-box-sizing: border-box;
    -moz-transition: width 0.6s ease 0s;
    background-color: #0E90D2;
    background-image: -moz-linear-gradient(center top , #149BDF, #0480BE);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    font-size: 12px;
    height: 18px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.progress-info .bar {
    background-color: #4BB1CF;
    background-image: -moz-linear-gradient(center top , #5BC0DE, #339BB9);
    background-repeat: repeat-x;
}